<template>
 <div class="dropList">
   <ul>
     <li v-for="(e,i) in list" :key="i" @click="$emit('oncl',e)">
       {{e}}
     </li>
   </ul>
 </div>
</template>

<script>
 export default {
   name:'dropList',
   data() {
     return {

     }
   },
   props:{
     list:{
       type:Array,
       default(){
         return [
           '恢复默认','大大','休息休息','的萨达萨达'
         ]
       }
     }
   },
   components: {

   }
 }
</script>

<style scoped lang="scss">
@import "../styles/common.scss";
.dropList{
  ul{
    display: flex;
    flex-direction: column;
    li{
      margin-top: px2rem(40);
      font-size: px2rem(28);
      border-bottom:1px solid #888
    }
  }
}
</style>
